/* -------------------------------------------------------------------------------------------*//* Text Styles */

/* VCU Gold! */
.vcu{
	color:#febe10;
}

.blacktext{
	color:black;
}

.blackCText{
	color:black;
	text-align:center;

}

.whitetext{
	color:white;
}

.greenText{
color:green;
text-align:center;
}

.pinkText{
color:pink;
text-align:center;
}

.redText{
color:red;
text-align:center;
}

.redText{
color:red;
text-align:center;
}

.cyanText{
color:cyan;
text-align:center;
}

.orangeText{
color:orange;
text-align:center;
}

.logoBigText{
	font-size:80px;
}

.logoMidText{
	font-size:60px;
}

.motto{
	font-style:italic;
}

/* Awesome Blue used in Android */
.androidText{
color:#33B5E5;
}

/*bootstrap Icon used as badges */
.greenIconText{
font-size:80px;
color:green;
text-align:center;

}

.pinkIconText{
font-size:80px;
color:pink;
text-align:center;
}

.redIconText{
font-size:80px;
color:red;
text-align:center;
}

.cyanIconText{
font-size:80px;
color:cyan;
text-align:center;
}

.blueIconText{
font-size:80px;
color:blue;
text-align:center;
}

.orangeIconText{
font-size:80px;
color:orange;
text-align:center;
}
/* -------------------------------------------------------------------------------------------*//* end of Text Styles */

/* -------------------------------------------------------------------------------------------*//* General Styles */
/* body needs to move down because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
  padding-bottom: 20px;
}

hr {
    height: 20px;
}

p {
margin-bottom:0;
}

/* Add some padded to the bottom of the photo for smaller displays (when the elements collapse*/
.paddedBox{
padding-bottom:20px;
}

.hideTheFlow{
    overflow:hidden;
}

.hideTheFlow2{
    height:150px;
    overflow-x:auto;
    whitespace:nowrap;
}
/* -------------------------------------------------------------------------------------------*//* end of General Styles */

/* -------------------------------------------------------------------------------------------*//* Input Form Styles */
/* Prevent resizing the input description fields */
textarea { resize:none; }

/* Add some space between password input and confirm password */
.bottomSpace{
margin-bottom:5px;

}
/* -------------------------------------------------------------------------------------------*//* end of Input Form Styles */

/* -------------------------------------------------------------------------------------------*//* userList.mustache Style */
/* Container for holding the user profile pictures */
.user_photo{
width:50px;
height:50px;
-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.8);
-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.8);
box-shadow: 5px 5px 5px rgba(0,0,0,0.8);
}

/* Container for holding the user information */
.userBox{
min-height:100px;
width:70%;
overflow-x:hidden;
white-space:nowrap;
}
/* -------------------------------------------------------------------------------------------*//* end of userList.mustache Style */

/* -------------------------------------------------------------------------------------------*//* profile.mustache Style */
/* Container for holding the larger user profile pictures */
.user_photo2{
width:100px;
height:100px;
-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.8);
-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.8);
box-shadow: 5px 5px 5px rgba(0,0,0,0.8);
}
/* -------------------------------------------------------------------------------------------*//* end of profile.mustache Style */

/* -------------------------------------------------------------------------------------------*//* platformList.mustache Style */
.platform_photo{
width:50px;
height:50px;
-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.8);
-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.8);
box-shadow: 5px 5px 5px rgba(0,0,0,0.8);
}

.platformBox{
min-height:100px;
width:70%;
overflow-x:hidden;
white-space:nowrap;
}
/* -------------------------------------------------------------------------------------------*//* end of platformList.mustache Style */

/* -------------------------------------------------------------------------------------------*//* restrictTrack.mustache Styles */
/* container for the Description text, to have a fix height that is scrollable */
.limitedHeightBox{
height:200px;
margin-bottom:20px;
overflow-y:scroll;
}

.trackard{
margin-right:-2px;
-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.8);
-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.8);
box-shadow: 5px 5px 5px rgba(0,0,0,0.8);

}

#trackardy
{

}

#tracklistcontainer ul li{
display: inline;
}

/* container for the draggable track list, prevents row wraping and makes it horozontally scrollable */
.rowmeo{
    overflow-x:auto;
    white-space:nowrap;
}

.availAss{
    padding-left:40px;
    padding-top:25px;
        overflow-x:auto;
        white-space:nowrap;
}

/* -------------------------------------------------------------------------------------------*//* end of restrictTrack.mustache Styles */

/* -------------------------------------------------------------------------------------------*//* index.mustache Styles */
#wrapper{
	padding:30px;
	width:80%px;
	margin:0 auto;
}
#vertical-ticker{
	height:400px;
	overflow:hidden;
	margin:0; padding:0;

}

	#vertical-ticker li{
		padding:35px 20px;
		display:block;
		text-align:center;
		font-size:20px;
		font-weight:bold;
	}
#vertical-ticker2{
	height:400px;
	overflow:hidden;
	margin:0; padding:0;

}

	#vertical-ticker2 li{
		padding:35px 20px;
		display:block;
		text-align:center;
		font-size:20px;
		font-weight:bold;
	}

.boxedBadges{
    Padding: 20px 20px 20px 20px;
    min-height:300px;
    margin-bottom:10px;
   -moz-box-shadow:    inset 0 0 5px #000000;
   -webkit-box-shadow: inset 0 0 5px #000000;
   box-shadow:         inset 0 0 5px #000000;

}

.oneBadge{

width:150px;

}
/* -------------------------------------------------------------------------------------------*//* end of index.mustache Styles */


.list-group-item{
		font-size:20px;
		font-weight:bold;
}

.badge{
  		font-size:20px;

}







#login{
	padding-top: 100px;
	text-align: center;
}

.rightEvents {
	text-align: right !important;

}

.leftEvents {

}

.leftEvents,.rightEvents{
	padding-right: 20px;
	max-height:300px;
	overflow:auto;
	min-height:300px;
}


.nav.nav-center {
    margin:0;
    float:none;
}


.bottom
{
margin left:-10px;
/*-- Shadow (Box) v1
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
*/
/*-- Shadow (Top and Bottom) v2
    box-shadow:
        inset 0px 11px 8px -10px #CCC,
        inset 0px -11px 8px -10px #CCC;
*/
    -webkit-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.8);
    -moz-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.8);
    box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.8);

   overflow-y: auto;
}

.textBottom {
    position:absolute;
    bottom:0px;
    left: 0;
}



/* For the newTrack dropdown */
select.btn {
    border: 1px solid #ddd;
    width:100%;
}

/* for the warning boxing in the input forms */
.alert-warning{
    padding-left:25px;
}

/* Shadow for the carosel */
.carouselContainer{
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
       Height=600px;
}



/* style of for the bottom of the collapse nav-bar */
  .navbar-collapse.in {
  -webkit-box-shadow:  0 10px 10px -10px rgba(0,0,0,0.8);
    -moz-box-shadow:  0 10px 10px -10px rgba(0,0,0,0.8);
    box-shadow:  0 10px 10px -10px rgba(0,0,0,0.8);
4
  }

